@charset "utf-8";
/* ====================公共样式========================= */

/*reset Css*/
* {margin: 0;padding: 0;}

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;padding: 0;
}

body {
	background-color: #fff;/*整体背景颜色*/
	-webkit-touch-callout: none;/*-webkit-user-select: none;*//*禁止复制*/
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(255,255,255,0);/*点击高亮效果*/
}

/*clearfix清除浮动*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/* 默认合并表格边框 */
table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea{-webkit-appearance: none;border-radius:0;}
ol,ul,li{list-style: none;}
a, a:active{color:inherit;text-decoration:none;cursor:pointer;}
a{border:0;}
em,i{font-style:normal;}

/* <input>标签 */
input{border: none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance: none;}
input:focus{ outline:none; }/* input标签聚焦不出现默认边框 */

textarea { resize:none; } /* 禁用了文本的拖拉，尤其在谷歌下 */
select, button, input,img {vertical-align: middle;}/*去除图片底部缝隙并基于中线对齐*/
img {
    width: auto;
    height: auto;
    width: auto\9;
	max-width: 100%;
    display: block;
    -ms-interpolation-mode: bicubic;
}
/** 设置默认字体 **/
/* 
    宋体：\5B8B\4F53
    新宋体：\65B0\5B8B\4F53
    黑体：\9ED1\4F53
    微软雅黑：\5FAE\8F6F\96C5\9ED1
    楷体：\6977\4F53_GB2312
    思源黑体： Source Han Sans CN
 */
body,button, input, select, textarea /* for ie */ {font: 14px/1 "NS-R",Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Droid Sans Fallback","WenQuanYi Micro Hei",sans-serif;}
body {background:#fff;-webkit-text-size-adjust:100%;color: #333;}

/*End reset*/

/*public Css*/

/* 重绘元素边框盒 */
*{ box-sizing:border-box;}
*::before, *::after{ box-sizing:border-box;}
*:focus{ outline:none;}
html{-ms-touch-action:none;/* 阻止windows Phone 的默认触摸事件 */}

/*兼容iphone去除默认input表单默认设置*/
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none;}

/*clearfix清除浮动*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/* 水平垂直居中 */
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 

/*动画--规定动画移动出去的时间*/
a{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.animation{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* 指定文字禁止复制 */
.noSelect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}

/* 文字限制行数 */
/* 限制一行 */
.linelimit {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 【常用】限制多行 修改行数-webkit-line-clamp: 2;【兼容必须限高】 */
.linelimit-2 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.linelimit-3 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.linelimit-4 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
/* 引入字体 */
@font-face {
    font-family: 'MR';
    src: url('../fonts/Montserrat-Regular.otf'),
    url('../fonts/Montserrat-Regular.eot'),
    url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Regular.woff2') format('woff2'),
    url('../fonts/Montserrat-Regular.woff') format('woff'),
    url('../fonts/Montserrat-Regular.otf') format('truetype'),
    url('../fonts/Montserrat-Regular.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'MB';
    src: url('../fonts/Montserrat-Bold.otf'),
    url('../fonts/Montserrat-Bold.eot'),
    url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Bold.woff2') format('woff2'),
    url('../fonts/Montserrat-Bold.woff') format('woff'),
    url('../fonts/Montserrat-Bold.otf') format('truetype'),
    url('../fonts/Montserrat-Bold.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'ML';
    src: url('../fonts/Montserrat-Light.otf'),
    url('../fonts/Montserrat-Light.eot'),
    url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Light.woff2') format('woff2'),
    url('../fonts/Montserrat-Light.woff') format('woff'),
    url('../fonts/Montserrat-Light.otf') format('truetype'),
    url('../fonts/Montserrat-Light.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'NS-R';
    src: url('../fonts/NotoSansSC-Regular.ttf'),
    url('../fonts/NotoSansSC-Regular.eot'),
    url('../fonts/NotoSansSC-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NotoSansSC-Regular.woff2') format('woff2'),
    url('../fonts/NotoSansSC-Regular.woff') format('woff'),
    url('../fonts/NotoSansSC-Regular.otf') format('truetype'),
    url('../fonts/NotoSansSC-Regular.svg#svgFontName') format('svg');
}
.MR{font-family: 'MR';}
.MB{font-family: 'MB';}
.ML{font-family: 'ML';}
.NS-R{font-family: 'NS-R';}
/*动画效果 所有属性获得过度*/
*{transition-property:all;}
.com-img{overflow: hidden;}
.com-img img{transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.fl{float: left;}
.fr{float: right;}
.show{display:block;}
.hide{display:none;}
.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.ttu{text-transform:uppercase;}/*字母转换为大写*/
.ofh{overflow:hidden;}
.ofh img{width: 100%;transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.ofh:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.pst-rel{position:relative;}
.pst-abs{position:absolute;}
.w100{width: 100%;}

.col-2{width:50%;float:left;}
.col-3{width:33.333333%;float:left;}
.col-4{width:25%;float:left;}
.col-5{width:20%;float:left;}
.col-6{widows: 16.6666%;float:left;}
.w12{width: 1200px;max-width: 92%;margin: 0 auto;}
.w14{width: 1440px;max-width: 92%;margin: 0 auto;}
.w16{width: 1600px;max-width: 92%;margin: 0 auto;}
.w18{width: 1800px;max-width: 92%;margin: 0 auto;}
.pc{display: block;}
.mb{display: none;}
.mt{margin-top: 100px;}
@media all and (max-width:1000px) {.pc{display: none;}.mb{display: block;}}

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;object-fit: cover;}
.rect-40{padding-bottom: 40%;}
.rect-50{padding-bottom: 50%;}
.rect-55{padding-bottom: 55%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-65{padding-bottom: 65%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-135{padding-bottom: 135%;}
.rect-140{padding-bottom: 140%;}
.rect-150{padding-bottom: 150%;}
li *[class*="pic"]{overflow: hidden;}
li *[class*="pic"]>img{-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}
li:hover *[class*="pic"]>img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.trs3{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.trs5{-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.pd-40{padding: 0.4rem 0;}
.pd-60{padding: 0.6rem 0;}
.pd-80{padding: 0.8rem 0;}
.pd-100{padding: 1rem 0;}
.pd-120{padding: 1.2rem 0;}
.pd-140{padding: 1.4rem 0;}
.mt30{margin-top: 0.3rem;}
.mt40{margin-top: 0.4rem;}
.mt50{margin-top: 0.5rem;}
.mt60{margin-top: 0.6rem;}
.mt70{margin-top: 0.7rem;}
.mt80{margin-top: 0.8rem;}
.mt90{margin-top: 0.9rem;}
.mt100{margin-top: 1rem;}

.flex-1 {flex: 1;}
/* flex布局 */
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/*默认 主轴为水平方向，起点在左端*/
.f-dr {-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
/*主轴为水平方向，起点在右端*/
.f-dr-r {-webkit-box-orient: horizontal;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
/*主轴为垂直方向，起点在上沿*/
.f-dc {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
/*主轴为垂直方向，起点在下沿*/
.f-dc-r {-webkit-box-orient: vertical;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}

/* 交叉轴的起点对齐 */
.f-as {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
/* 交叉轴的中点对齐 */
.f-ac {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
/* 交叉轴的终点对齐 */
.f-ae {-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}
/* 项目的第一行文字的基线对齐 */
.f-ab {-webkit-box-align: baseline;-webkit-align-items: baseline;-ms-flex-align: baseline;align-items: baseline;}
/* 交叉轴拉伸对齐 */
.f-ast {-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
/* 左对齐 */
.f-js {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
/* 居中 */
.f-jc {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/* 右对齐 */
.f-je {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
/* 两端对齐，项目之间的间隔都相等 */
.f-jsb {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
/* 每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍 */
.f-jsa {-webkit-box-pack: distribute;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
/* 换行，第一行在上方 */
.f-warp {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
/* 换行，在第一行的下方 */
.f-warp-r {-webkit-flex-wrap: wrap-reverse;-moz-flex-wrap: wrap-reverse;-ms-flex-wrap: wrap-reverse;-o-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}
/* flex布局 */
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/*默认 主轴为水平方向，起点在左端*/
.f-dr {-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
/*主轴为水平方向，起点在右端*/
.f-dr-r {-webkit-box-orient: horizontal;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
/*主轴为垂直方向，起点在上沿*/
.f-dc {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
/*主轴为垂直方向，起点在下沿*/
.f-dc-r {-webkit-box-orient: vertical;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
/* 交叉轴的起点对齐 */
.f-as {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
/* 交叉轴的中点对齐 */
.f-ac {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
/* 交叉轴的终点对齐 */
.f-ae {-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}
/* 项目的第一行文字的基线对齐 */
.f-ab {-webkit-box-align: baseline;-webkit-align-items: baseline;-ms-flex-align: baseline;align-items: baseline;}
/* 交叉轴拉伸对齐 */
.f-ast {-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
/* 左对齐 */
.f-js {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
/* 居中 */
.f-jc {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/* 右对齐 */
.f-je {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
/* 两端对齐，项目之间的间隔都相等 */
.f-jsb {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
/* 每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍 */
.f-jsa {-webkit-box-pack: distribute;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
/* 换行，第一行在上方 */
.f-warp {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
/* 换行，在第一行的下方 */
.f-warp-r {-webkit-flex-wrap: wrap-reverse;-moz-flex-wrap: wrap-reverse;-ms-flex-wrap: wrap-reverse;-o-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}

/* 头部 */
.Header-wrapper {position: fixed;width: 100%;left: 0;top: 0;;z-index: 99;line-height: 100px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* .Header-wrapper:after {content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 1px;background-color: #fff;opacity: .3;transition: opacity .3s;} */
.Header-wrapper.on {box-shadow: 0 2px 10px rgb(0 0 0 / 5%);background-color: white;}
/* .Header-wrapper.on::after {opacity: 0;} */
#c-header.c-head-move {top: -100px;}
.Header-container {}
.Header-container .logo{}
.Header-container .logo{}
.Header-container .logo a {display: flex;align-items: center;font-size: 0;}
.Header-container .logo a img{width: auto;display: block;height: 0.36rem;}
.Header-container .logo a img+img{display: none;}
.Header-wrapper.on .logo a img{display: none;}
.Header-wrapper.on .logo a img+img{display: block;}
.Header-container .fr {display: flex;align-items: center;font-size: 0;}
@media all and (min-width:1000px){
	.Header-container .c-nav {display: flex;align-items: center;font-size: 18px;flex-wrap: wrap;}
	.Header-container .c-nav>li {margin-right: 0.6rem;}
	.Header-container .c-nav>li .c-title-box{display: flex;align-items: center;justify-content: center;color: #fff;}
	.Header-container .c-nav>li .c-title-box>a {display: block;}
	.Header-container .c-nav>li.active .c-title-box,.Header-container .c-nav>li:hover .c-title-box{color: #2150B1 !important;}
	.Header-container .c-nav>li .c-title-box i {margin-left: 0.06rem;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
	/* .Header-container .c-nav>li>ul {min-width: 240px;position: absolute;top: 100%;left: 50%;margin-top: 0;background-color: #fff;z-index: 2;-webkit-transform: translate(-50%, 10px);-ms-transform: translate(-50%, 10px);transform: translate(-50%, 10px);-webkit-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;padding: 15px 20px;opacity: 0;pointer-events: none;-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);transition: all .3s cubic-bezier(.645, .045, .355, 1);box-shadow: 0 5px 50px rgb(0 0 0 / 10%);}
	.Header-container .c-nav>li:hover>ul {pointer-events: all;-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);-webkit-transition-delay: .1s;-ms-transition-delay: .1s;transition-delay: .1s;opacity: 1;}
	.Header-container .c-nav>li>ul>li:not(:last-child) {border-bottom: 1px solid #efefef;}
	.Header-container .c-nav>li>ul>li>a {display: block;position: relative;font-size: 16px;padding: 15px 0;color: #58595b;-webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1);-ms-transition: color .3s cubic-bezier(.645, .045, .355, 1);transition: color .3s cubic-bezier(.645, .045, .355, 1);line-height: initial;text-align: center;letter-spacing: 1px;}
	.Header-container .c-nav>li>ul>li>a:before {content: "";position: absolute;top: 7px;bottom: 7px;left: -20px;width: 4px;background: #2150B1;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: -webkit-transform .3s cubic-bezier(.162, .85, .45, 1);transition: transform .3s cubic-bezier(.162, .85, .45, 1);}
	.Header-container .c-nav>li>ul>li:hover>a:before {-ms-transform-origin: top;-webkit-transform-origin: top;transform-origin: top;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
	.Header-container .c-nav>li>ul>li:hover>a {color: #2150B1;} */
	.Header-wrapper .Header-container .c-nav>li .c-title-box{color: #fff;}
	.Header-wrapper.on .Header-container .c-nav>li .c-title-box{color: #000;}
	
	.c-nav .son{
		position: absolute;
		z-index: 1;
		top: 100px;
		background: rgba(20,60,160, .86);
		width: 100%;
		left: 0;
		padding: 50px 0 65px 0;
		box-shadow: 0 15px 25px rgb(0 0 0 / 6%);
		display: none !important;
		line-height: 1;
	}
	/* .c-nav li:hover .son{
		display: block;
	} */
	.c-nav .son .w16{
		transition: all .25s;
		box-sizing: border-box;
		position: relative;
		min-height: 250px;
	}
	.c-nav .son .tit{
		font-size: 0.42rem;
	}
	.c-nav .son .tit .en{
		color: #fff;
		margin-left: -4px;
		display: inline-block;
		font-family: 'MR';
	}
	.c-nav .son .tit .cn{
		font-size: 18px;
		color: #fff;
	}
	.c-nav .son .des{
		max-width: 65%;
		font-size: 15px;
		margin-top: 20px;
		line-height: 1.4;
		color: rgba(255,255,255, .7);
		font-weight: 300;
	}
	.c-nav .son .list{
		margin-top: 50px;
		max-width: 65%;
	}
	.c-nav .son .list a{
		display: inline-block;
		padding: 13px 26px;
		background: #2e7eef;
		font-size: 15px;
		line-height: 1.1;
		color: #fff;
		margin-right: 3px;
		margin-bottom: 7px;
		transition: all .3s;
	}
	.c-nav .son .list a:hover{
		background: #fff;
		color: #1f53be;
	}
	.c-nav .son .img{
		position: absolute;
		width: 400px;
		right: 50px;
		top: 10px;
		transition: all .3s;
		font-size: 17px;
		text-align: center;
		color: #464646;
	}
}

.Header-container .tool {display: flex;align-items: center;color: #fff;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.Header-wrapper.on .Header-container .tool {color: #000;}
.Header-container .tool .search {height: 100px;}
.Header-container .tool .search i {position: relative;font-size: 24px;padding-right: 0.18rem;margin-right: 0.2rem;cursor: pointer;}
 .Header-container .tool .search i::after {position: absolute;content: '';right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: 20px;background-color: rgb(255, 255, 255, .3);}
.Header-wrapper .Header-container .tool .search i::after {background-color: rgb(255,255,255, .3);}
.Header-wrapper.on .Header-container .tool .search i::after{background-color: rgba(0, 0, 0, .3);} 
.Header-container .tool .language {position: relative;}
.Header-container .tool .language a {display: flex;align-items: center;color: white;}
.Header-container .tool .language i {font-size: 24px;}
.Header-container .tool .language p {font-size: 16px;margin-left: 0.08rem;display: flex;align-items: center;}
.Header-container .tool .language p::after {display: inline-block;margin-left: 5px;content: "\e60a";font-size: 12px;font-family: 'iconfont';-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.Header-container .tool .language.on p::after {-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-ms-transform: rotate(180deg);}
.Header-container .tool .language .language_down {display: none;position: absolute;z-index: 2;left: 5px;top: 100%;width: 100%;height: auto;background: #2150B1;text-align: left;-webkit-transition: top 0.3s;-moz-transition: top 0.3s;-ms-transition: top 0.3s;-o-transition: top 0.3s;transition: top 0.3s;}
.Header-container .tool .language .language_down a {display: block;font-size: 14px;line-height: 1.3;padding: 10px 15px;color: rgba(255, 255, 255, .8);-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;text-align: center;}
.Header-container .tool .language .language_down a:hover {background-color: #3F3B3A;}
.Header-wrapper .Header-container .tool .language>a {color: #fff;}
.Header-wrapper.on .Header-container .tool .language>a{color: #000;}

/*顶部导航开关*/ 
#c-header .c-switch {display: none;width: 24px;height: 20px;cursor: pointer;}
#c-header .c-switch i {position: relative;display: block;height: 2px;background: #000;-webkit-transition: all 0.3s;transition: all 0.3s;}
#c-header .c-switch i:nth-child(1) {top: 0;}
#c-header .c-switch i:nth-child(3) {bottom: 0;}
#c-header .c-switch i:nth-child(2) {margin: 6px 0;}
#c-header.on .c-switch i {background: #333;}
body.c-open #c-header .c-switch i:nth-child(2) {opacity: 0;}
body.c-open #c-header .c-switch i:nth-child(1) {top: 8px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
body.c-open #c-header .c-switch i:nth-child(3) {bottom: 8px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
@media (max-width: 1000px) {
	#c-header .c-switch {display: block;}
	.Header-wrapper{line-height: 60px;background-color: #fff;border-bottom: 1px solid rgb(0, 0, 0, .1);}
	.Header-wrapper .Header-container .tool .language>a{color: #000;}
	.Header-container .tool{color: #000;}
	.Header-container .tool .search i {
		padding-right: 0.2rem;
	}
	.Header-container .tool .search i::after {position: absolute;content: '';right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: 20px;background-color: rgb(255, 255, 255, .3);}
	.Header-wrapper .Header-container .tool .search i::after {background-color: rgb(255,255,255, .3);}
	.Header-wrapper.on .Header-container .tool .search i::after{background-color: rgba(0, 0, 0, .3);}
	.Header-wrapper .Header-container .tool .search i::after{background-color: rgb(0, 0, 0, .3);}
	.Header-container .tool .search{height: 60px;}
	.Header-container .c-nav{height: 0;}
	.Header-container .tool{padding-right: 0.24rem;}
	.Header-container .tool .language p{margin-left: 0.12rem;}
	.Header-container .logo a img{height: 24px;display: none;}
	.Header-container .logo a img+img{display: block;}
	.mt{margin-top: 60px;}
	/*顶部移动端导航*/
	#c-header .c-nav {position: absolute;top: 60px;left: 0;width: 100%;height: 0;line-height: 50px;background: #fff;overflow-y: auto;transition: all 0.5s;text-align: left;overflow-x: hidden;}
	#c-header .c-nav>li:last-child {border-bottom: 1px solid #f1f1f1;}
	#c-header .c-nav li {width: 100%;padding: 0 4%;border-top: 1px solid #f1f1f1;}
	#c-header .c-nav li .c-title-box {display: flex;align-items: center;justify-content: space-between;}
	#c-header .c-nav li a {display: block;color: #333;-webkit-transition: all 0.3s;transition: all 0.3s;font-size: 16px;min-width: calc(100% - 50px);}
	#c-header .c-nav li i {font-size: 20px;color: #333;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;    width: 20px;height: 50px;text-align: center;line-height: 50px;}
	#c-header .c-nav li.on .c-title-box i{transform: rotate(180deg);}
	#c-header .c-nav li a:hover,
	#c-header .c-nav li.on > a {color: #2150B1;}
	#c-header .c-nav li ul {display: none;}
	.c-open #c-header .c-nav {height: calc(100vh - 60px);}
	#c-header .c-nav .son{display: none !important;}
}
@media (max-width: 768px) {
	#c-header .c-nav li {padding: 0 4%;}
	#c-header .c-nav ul li{font-size: 16px;line-height: 45px;}
}

/* 底部 */
.Footer-wrapper {background-color: #000717;}
.Footer-container {}
.Footer-container .top {border-bottom: 1px solid rgba(255, 255, 255, 0.15);padding: 0.36rem 0;display: inline-block;width: 100%;}
.Footer-container .top .foot_logo {}
.Footer-container .top .foot_logo img {height: 0.52rem;}
.Footer-container .top .foot_link {}
.media_ul {}
.media_ul li {margin-right: 8px;}
.media_ul li:last-child {margin-right: 0;}
.media_ul li a {display: flex;align-items: center;justify-content: center;width: 0.4rem;height: 0.4rem;background-color: #3b5999;color: white;border-radius: 50%;font-size: 0;}
.media_ul li a i {font-size: 0.2rem;}
.media_ul li:nth-child(1) a {background-color: #1278F3;}
.media_ul li:nth-child(2) a {background-color: #0A66C2;}
.media_ul li:nth-child(3) a {background-color: #FB0204;}
.media_ul li:nth-child(4) a {background-color: #1D9BF0;}
.media_ul li:nth-child(5) a {background-color: #DA4369;}
.media_ul li:nth-child(6) a {background-color: #FF0013;}
.media_ul li:nth-child(7) a {background-color: #04C15F;}
.Footer-container .mid {padding: 0.8rem 0;letter-spacing: 0.5px;}
.Footer-container .mid ul {}
.Footer-container .mid ul li {float: left;overflow: hidden;}
.Footer-container .mid ul li p {font-size: 18px;line-height: 1.5;color: #fff;display: block;margin-bottom: 0.25rem;font-family: 'MR';}
.Footer-container .mid ul li p i{margin-left: 0.06rem;}
.Footer-container .mid ul li .foot_nav_link a {font-size: 14px;color: #bbb;color: rgb(255, 255, 255, .8);line-height: 2;display: block;}
.Footer-container .mid ul li a:hover {text-decoration: underline;}
.Footer-container .mid ul li.lxwm {max-width: 450px;margin-right: 0;}
.Footer-container .mid ul li dl {}
.Footer-container .mid ul li dd {position: relative;font-size: 14px;line-height: 20px;color: rgb(255, 255, 255, .8);margin-bottom: 16px;padding-left: 26px;}
.Footer-container .mid ul li dd:last-child{margin-bottom: 0;}
.Footer-container .mid ul li dd i {position: absolute;left: 0;top: 0;font-size: 18px;color: rgb(255, 255, 255, .8);}
.Footer-container .bot {font-size: 14px;line-height: 1.4;color: rgb(255, 255, 255, .8);text-align: center;padding: 0.25rem 0;border-top: 1px solid rgba(255, 255, 255, 0.15);letter-spacing: 0.5px;}
.Footer-container .bot a {font-size: 14px;color: rgb(255, 255, 255, .8);}

/* 中间+共用部分 */

/* ind_banner */
.i_banner .swiper-pagination-bullet{background-color: white;opacity: 1;}
.i_banner .swiper-pagination-bullet-active{background-color: #2150B1;}
.i_banner .swiper-slide{
	position: relative;
}
.i_banner .ban_txt{
	position: absolute;;
	left: 6%;
	top: 40%;
	color: #fff;
	line-height: 1.5;
	/* -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%); */
	width: 10rem;
	max-width: 100%;
}
.i_banner .ban_txt h3{
	font-size: 0.45rem;
	font-family: '微软雅黑';
	font-weight: 700;
}
.i_banner .ban_txt h3::after{
	content: "";
	display: block;
	width: 0.55rem;
	height: 0.04rem;
	background-color: white;
	margin: 0.25rem 0;
}
.i_banner .ban_txt p{
	font-size: 20px;
	margin-top: 0.12rem;
}

/* com_page */
.com_page {display: flex;align-items: center;justify-content: center;padding-top: 0.55rem;}
.com_page a,.com_page span {width: .5rem;height: .5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 1px solid #eee;font-size: .16rem;color: #333;/* background: #fff; */margin: 0 .05rem;transition: all .3s;min-width: 30px;min-height: 30px;}
.com_page a.page-num-current,.com_page a:hover {border-color: #2150B1;background: #2150B1 !important;color: #fff;}
.com_page a:last-child,.com_page a:first-child {background-color: #eff2f7;}
.com_page a:last-child::after,.com_page a:first-child::after {font: normal normal normal 14px/1 FontAwesome;font-size: inherit;}
.com_page a:first-child::after {content: "\f104";}
.com_page a:last-child::after {content: "\f105";}

/* md-sideBar */
.md-sideBar {position: fixed;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 0.1rem;z-index: 200;box-shadow: 0 0.8rem 1.4rem 1px hsl(0deg 0% 80% / 35%);}
.md-sideBar .side_item {display: block;width: auto;position: relative;cursor: pointer;zoom: 1;}
.md-sideBar .side_item:hover .bd {right: 100%;opacity: 1;-webkit-transition: all 0.5s;transition: all 0.5s;width: auto;}
.md-sideBar .side_item .hd {width: 0.6rem;height: 0.6rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-bottom: 1px solid #ececec;position: relative;z-index: 202;background-color: #fff;}
.md-sideBar .side_item .hd i {font-size: 0.3rem;color: #2150B1;}
.md-sideBar .side_item .bd {color: #2150B1;position: absolute;right: 100%;top: 0;background-color: #fff;padding: 0 0.18rem;white-space: nowrap;-webkit-transition: all 0.5s;transition: all 0.5s;opacity: 0;right: 0;width: 0;overflow: hidden;font-size: 18px;line-height: 0.6rem;z-index: 201;}
.md-sideBar .side_item .bd.wx{padding: 0.08rem;}
.md-sideBar .side_item:hover .bd.wx{width: calc(100px + 0.16rem);}
.md-sideBar .side_item .bd img{width: 100px;height: 100px;}

/* tc_search s */
.tc_search {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 10001;pointer-events: none;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.tc_search.act {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;display: block;pointer-events: auto;}
.tc_search form {width: 9.6rem;max-width: 80%;margin: 0 auto;padding: 0 20px;border-bottom: 2px solid #eee;height: 0.7rem;position: relative;overflow: hidden;z-index: 2;}
.tc_search input {width: 80%;height: 0.7rem;font-size: 0.34rem;color: #c1c1c1;box-shadow: none;-webkit-appearance: none;float: left;border-right: 0;background: none;}
.tc_search input::placeholder {color: #c1c1c1;}
.tc_search button {max-width: 20%;height: 0.7rem;border: 0;line-height: 0.7rem;color: #c1c1c1;cursor: pointer;text-transform: uppercase;float: right;font-size: 0.48rem;background-color: transparent;}
.tc_search .search_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .85);z-index: 0;}
/* tc_search e */

/* c_more s */
.c_more{display: block;border-radius: 3px;width: 180px;height: 55px;line-height: 55px;color: #fff;text-align: center;margin-top: 9vh;font-size: 0;transition: 0.36s;background-image: -moz-linear-gradient( 0deg, rgb(41,67,159) 0%, rgb(38,111,204) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(41,67,159) 0%, rgb(38,111,204) 100%);background-image: -ms-linear-gradient( 0deg, rgb(41,67,159) 0%, rgb(38,111,204) 100%);}
.c_more span{display: inline-block;vertical-align: middle;font-size: 16px;}
.c_more i.fa{font-size: 18px;margin-left: 12px;vertical-align: middle;}
.c_more:hover{box-shadow: 3px 5px 12px 0 rgba(0, 0, 0, 0.12);transform: translateY(-3px);}
/* c_more e */

/* i_tit s */
.i_tit{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 0.45rem;}
.i_tit .tit{line-height: 1.3;}
.i_tit .tit span{font-size: 16px;text-transform: uppercase;}
.i_tit .tit h3{font-size: 0.36rem;font-weight: 700;margin-top: 0.06rem;}
.i_tit ul{display: flex;align-items: center;justify-content: center;margin-left: 1rem;}
.i_tit ul li{margin: 0 0.15rem;}
.i_tit ul li a{display: block;font-size: 18px;color: #91999e;padding: 0.08rem 0.24rem;border-radius: 0.06rem;}
.i_tit ul li.active a{background-color: #2150B1;color: white;}
.i_tit .c_more{margin-top: 0;}
/* i_tit e */

/* i_tit2 s */
.i_tit2{text-align: center;margin-bottom: 0.5rem;}
.i_tit2 span{display: block;font-size: 0.2rem;margin-bottom: 0.12rem;color: #47484b;}
.i_tit2 h3{font-size: 0.38rem;color: #2150B1;font-weight: 700;}
.i_tit2 h3::after{content: "";display: block;width: 0.5rem;height: 0.02rem;background-color: #626262;margin: 0.15rem auto;}
.i_tit2 p{font-size: 18px;color: #47484b;line-height: 1.4;}
/* i_tit2 e */

/* n_ban */
.n_ban {
	position: relative;
	height: 1rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.n_ban .ban_txt {
	position: absolute;
	left: 50%;
	top: 60%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	color: #fff;
	text-align: center;
}

.n_ban .ban_txt h3 {
	font-size: 0.36rem;
	font-weight: 700;
}

.n_ban .ban_txt p {
	font-size: 0.20rem;
	margin-top: 0.15rem;
}

/* sort_nav */
.sort_nav {
	border-bottom: 1px solid #e8e8e8;
}

.sort_nav .w16 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 70px;
	flex-wrap: wrap;
}

/* sort_nav_view */
.sort_nav_view {}

.sort_nav_view ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.sort_nav_view ul li {
	/* margin-left: 0.5rem; */
}

.sort_nav_view ul li a {
	position: relative;
	font-size: 16px;
	display: block;
	line-height: 70px;
	padding:  0 0.25rem;
	color: #111;
	
}

.sort_nav_view ul li a:hover {
	color: #2150B1;
	color: white;
	background-color: #2150B1;
}

.sort_nav_view ul li.active a {
	color: #2150B1;
	color: white;
	background-color: #2150B1;
}

.sort_nav_view ul li.active a::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -1px;
	left: 0;
	background-color: #2150B1;
}

/* crumbs */
.crumbs {
	/* border-bottom: 1px solid #eee; */
}

.crumbs {
	padding-left: 25px;
	background: url('../images/ico_home.png') no-repeat center;
	background-position: 0 center;
	display: flex;
	align-items: center;
}

.crumbs a {
	font-size: 18px;
	color: #666;
	display: inline-flex;
	align-items: center;
}

.crumbs a:not(:last-child)::after {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f105";
	display: inline-block;
	margin: 0 0.08rem;
}

.crumbs a:hover {
	color: #2150B1;
}

/* bg */
.white_bg {
	background-color: white;
}

.grey_bg {
	background-color: #fafafa;
	background-color: #EFF2F7;
	/* background-color: #f7f9fa; */
}

/* com_page */
/* .com_page {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 0.55rem;
}

.com_page a,
.com_page span {
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #eee;
	font-size: .16rem;
	color: #333;
	margin: 0 .05rem;
	transition: all .3s;
	min-width: 30px;
	min-height: 30px;
}

.com_page a.page-num-current,
.com_page a:hover {
	border-color: #2150B1;
	background: #2150B1 !important;
	color: #fff;
}

.com_page a:last-child,
.com_page a:first-child {
	background-color: #eff2f7;
}

.com_page a:last-child::after,
.com_page a:first-child::after {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
}

.com_page a:first-child::after {
	content: "\f104";
}

.com_page a:last-child::after {
	content: "\f105";
} */

.pagesize { text-align: center; padding: 60px 0; }
.pagesize a,.pagesize span{ display: inline-block; line-height: 48px; height: 48px; vertical-align: middle; background-repeat: no-repeat; background-position: center center; width: 48px; border: 1px solid #e9eef3; background-color: #fff; color: #999; font-family: 'Microsoft YaHei'; margin: 5px; }
.pagesize a:hover, .pagesize a.page-num-current { background-color: #2150B1; border-color: #2150B1; color: #fff; }
.pagesize a.prev { background-image: url('../images/prev2.png'); }
.pagesize a.next { background-image: url('../images/next2.png'); }
.pagesize a.prev:hover { background-image: url('../images/prev2-1.png'); }
.pagesize a.next:hover { background-image: url('../images/next2-1.png'); }
.no_page{font-size: 16px;line-height: 5;text-align: center;color: #333;}

/* n_tit */
.n_tit{
	color: #212121;
}

.n_tit p{
	font-size: 16px;
	line-height: 1.5;
	text-transform: uppercase;
}
.n_tit h3{
	position: relative;
	font-size: 0.3rem;
	line-height: 1.3;
	font-weight: 700;
	padding-bottom: 0.15rem;
	margin-bottom: 0.45rem;
}
.n_tit h3::after {
    content: '';
	display: block;
    width: 35px;
    height: 2px;
    background: #2150B1;
    position: absolute;
    left: 0;
    bottom: 0;
}
.n_tit.tac{
	text-align: center;
}
.n_tit.tac h3::after{
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}


/* morelink */
.morelink {
	display: inline-block;
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	padding: 10px 40px;
	background-color: #2150B1;
	border: 1px solid #2150B1;
	border-radius: 5px;
	text-transform: capitalize;
	transition: all 0.3s;
	cursor: pointer;
}

.morelink:hover {
	color: #2150B1;
}

/* btn-3 */
.btn-3 {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.btn-3:before {
	content: '';
	width: 0;
	height: 0;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 0 0 0;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	bottom: -5px;
	left: -5px;
	transition: all .5s;
	z-index: -1;
}

.btn-3:after {
	content: '';
	width: 0;
	height: 0;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 0 0 0;
	border-color: transparent #fff transparent transparent;
	position: absolute;
	top: -5px;
	right: -5px;
	transition: all .5s;
	z-index: -1;
}

.btn-3:hover:before {
	border-width: 300px 0 0 300px;
}

.btn-3:hover:after {
	border-width: 0 300px 300px 0;
}

.more_wrapper {
    text-align: center;
}

.more_btns {
    overflow: hidden;
    border-radius: 30px;
    background: #2150B1;
    border: 2px solid #2150B1;
    box-sizing: border-box;
    font-size: 16px;
    color: #ffffff;
    line-height: 50px;
    padding: 0 35px;
    display: inline-block;
    /*transition: all 1s;*/
    /*-webkit-transition: all 1s;*/
    position: relative;
    box-sizing: border-box;
    margin: 0 30px;
}

.question_list .more_btns {
    padding: 0 41px;
}

.more_btns > span {

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

}

.more_btns::after {
    font-weight: bold;
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    color: #2150B1;
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

}

.more_btns:hover {
    background: transparent;
    color:#2150B1;
}

.more_btns:hover::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.more_btns:hover > span {
    opacity: 0;
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
}

/* swiper-page01 */
.swiper-page01.swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom: 0;
}
.swiper-page01.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.swiper-page01.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #2150B1;
	width: 30px;
	height: 8px;
	border-radius: 4px;
}

/* ====================首页样式========================= */


/* ====================内页样式========================= */

/* ====================关于样式========================= */

/* 公司简介 s */
.n_about {
    padding: 1rem 0;
}

.n_about .left {
    width: 45%;
    float: left;
    padding-top: 30px;
}

.n_about .right {
    width: 50%;
    float: right;
    position: relative;
}
.n_about .right ul{}
.n_about .right ul li{
	float: left;
	width: calc((100% - 20px) / 3);
	margin-right: 10px;
	margin-bottom: 10px;
}
.n_about .right ul li a{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgb(33, 80, 177, .75);
}
.n_about .right ul li .txt{
	font-size: 18px;
	line-height: 1.2;
	text-align: center;
	color: white;
}
.n_about .right ul li .txt span{
	font-size: 14px;
}
.n_about .right ul li:nth-child(3n){
	margin-right: 0;
}

.n_about .right .play {
    width: 75px;
    position: absolute;
    bottom: 80px;
    left: 40px;
}

.about_lans .l1 {
    font-size: 44px;
    font-weight: bold;
    color: #222222;
    padding-bottom: 25px;
}

.about_lans .l2 {
    font-size: 16px;
    line-height: 1.8;
    color: #444444;
}

.n_about .video {
    display: none;
}
/* 公司简介 e */

/* 企业文化 s */
.n_culture{
	background: url('../images/n_culture_bg.jpg') no-repeat center/cover fixed;
}
.n_culture .about_lans{
	text-align: center;
}
.n_culture .about_lans .l1,.n_culture .about_lans .l2{
	color: white;
}
.n_culture ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 90px;
}
.n_culture ul li{
	height: 420px;
	border: 1px solid #656565;
	width: 22.8625%;
	margin-right: 2.85%;
	padding: 0 20px;
	padding-top: 85px;
}
.n_culture ul li:nth-child(4n){
	margin-right: 0;
}
.n_culture ul li .ico{
	display: flex;
	justify-content: center;
}
.n_culture ul li .ico img{}
.n_culture ul li .tit{
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	margin-top: 45px;
}
.n_culture ul li s {
    display: block;
    margin: 25px auto 17px;
    width: 30px;
    height: 1px;
    background: #636363;
}
.n_culture ul li .des{
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 2;
}
/* 企业文化 e */

/* 荣誉资质 s */
.n_honor {
    text-align: center;
    background: #f8fafd;
    padding: 80px 0 50px;
}

.n_honor .swiper {
    margin-top: 40px;
}

.n_honor a {
    position: relative;
    color: #222222;
    box-sizing: border-box;
    padding: 35px;
    margin-bottom: 80px;
    background: #FFFFFF;
}

.n_honor a:after {
    position: absolute;
    content: '';
    width: 0;
    left: 50%;
    bottom: 0;
    height: 4px;
    background: #2150B1;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.n_honor a:hover:after {
    left: 0;
    width: 100%;
}

.n_honor .lans {
    margin-top: 20px;
}

.n_honor .lans .l1 {
    font-size: 20px;
    width: calc(100% - 25px);
    float: left;
    text-align: center;
}

.n_honor .lans .icon {
    float: right;
    background: url("../images/g20.png");
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    margin-top: 4px;
}

.n_honor a:hover .icon {
    background: url("../images/g21.png");
    background-size: 100% 100%;
}

.n_honor a:hover {
    color: #2150B1;
}

/* 荣誉资质 e */

/* 工厂环境 s */

/* 工厂环境 e */


/* ====================产品样式========================= */

/* 产品分类 s */
.n_pronav{
	background-color: #f8f8f8;
}
.n_pronav ul{}
.n_pronav ul li{
	width: 24%;
	margin-right: calc( 4% / 3);
	margin-bottom: 2%;
	/* padding: 0.7rem 0; */
	background-color: white;
	border-radius: 0.12rem;
	box-shadow: 0 0 0.25rem rgba(0, 0, 0, .15);
	overflow: hidden;
}
.n_pronav ul li:nth-child(4n){
	margin-right: 0;
}
/* .n_pronav ul li:nth-child(2n){
	background-color: #f7f7f7;
} */
/* .n_pronav ul li .w14{
	display: flex;
	justify-content: space-around;
	align-items: stretch;
} */
/* .n_pronav ul li:nth-child(2n) .w14{
	flex-direction: row-reverse;
} */
.n_pronav ul li .img{
	width: 100%;
}
.n_pronav ul li .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.n_pronav ul li .info{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 0.4rem 0.25rem;
	/* padding-left: 0.75rem; */
}
/* .n_pronav ul li:nth-child(2n) .info{
	padding-left: 0;
	padding-right: 0.75rem;
} */
.n_pronav ul li .info .tit{
	font-size: 0.22rem;
	font-weight: 700;
	color: #2150B1;
}
.n_pronav ul li .info .des{
	font-size: 14px;
	line-height: 1.75;
	color: #333;
	margin-top: 0.25rem;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	height: 7em;
}
.n_pronav ul li .info .more{
	display: inline-block;
	position: relative;
	width: 160px;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	padding: 5px 0;
	background-color: #2150B1;
	border: 1px solid #2150B1;
	border-radius: 50px;
	text-transform: capitalize;
	transition: all 0.3s;
	margin-top: 0.3rem;
}


/* 产品分类 e */

/* 产品列表 s */
.pro_tit{
	margin-bottom: 35px;
}
.pro_tit h3{
	font-size: 36px;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	font-weight: bold;
}
.pro_tit h3:before {
    content: "";
    width: 6px;
    height: 35px;
    display: block;
    margin-right: 10px;
    background: #2150B1;
}
.pro_tit p{
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 20px;
}

.n_prolist{}
.n_prolist{}
.n_prolist ul{}
.n_prolist ul li{
	float: left;
	width: 19%;
	margin-right: 1.25%;
	margin-bottom: 20px;
	border: 1px solid #ddd;
}
.n_prolist ul li:nth-child(5n){
	margin-right: 0;
}
.n_prolist ul li a{
	display: block;
}
.n_prolist ul li .pic{}
.n_prolist ul li .pic img{}
.n_prolist ul li .info{
	border-top: 1px solid #ddd;
	padding: 20px 25px;
	position: relative;
}
.n_prolist ul li .info:before{
    content: "";
    width: 3px;
    height: 16px;
    background: #2150B1;
    display: block;
    position: absolute;
    top: 26px;
    left: 0;
}
.n_prolist ul li .tit{
	font-size: 16px;
	line-height: 1.5em;
	color: #666666;
	height: 3em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/* 产品列表 e */

/* 产品详情 s */
.proxq_wrapper{
	background: #fff;
}
.pro_head{
	padding: 0.6rem 0;
}
.pro_head .fl{
	width: 35%;
}
.pro_head .product_det_pic{
    position: relative;
	border: 1px solid #dddddd;
	border-radius: 15px;
	overflow: hidden;
	text-align: center;
}
.pro_head .product_det_pic .mask{
    position: absolute;
    left: 5%;
    top: 8%;
    width: 50%;
    font-size: 18px;
    line-height: 1.75;
    color: #333;
    z-index: 9;
    text-align: left;
}
.pro_head .product_det_pic ul{}
.pro_head .product_det_pic ul li{}
.pro_head .product_det_pic ul li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pro_head .product_det_ico{
	position: relative;
	padding: 0 30px;
	margin-top: 0.15rem;
}
.pro_head .product_det_ico ul{}
.pro_head .product_det_ico ul li{}
.pro_head .product_det_ico ul li .pic{
	border: 1px solid #e6ecf2;
	cursor: pointer;
}
.pro_head .product_det_ico ul li.swiper-slide-thumb-active .pic{
	border-color: #2150B1;
}
.pro_head .fr{
	width: 62%;
}
.pro_head .product-text{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
}
.pro_tit1{
    margin-bottom: 0.15rem;
}
.pro_tit1.mb0{
    margin-bottom: 0;
}

.pro_tit1 h3{
	font-size: 0.32rem;
	line-height: 1.5;
	color: #000;
	font-weight: bold;
	margin-bottom: 0.15rem;
	padding-bottom: 0.15rem;
	 border-bottom: 1px solid #e1e1e1;
}
.pro_tit1 p{
    width: 60%;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    color: #000;
}
.pro_head .product-text .des{
    display: flex;
    align-items: flex-start;
	font-size: 18px;
	line-height: 1.8;
	color: #000;
	flex-direction: column;
	
	/*margin-bottom: 0.35rem;*/

	height: 100%;

	
}
.pro_head .product-text .des img{
    max-height: 555px;
    max-width: 100%;
    /*border: 1px solid #dddddd;*/
}
.pro_more{
    margin-top: 0.25rem;
}
.pro_more a{
	display: inline-block;
	cursor: pointer;
	padding: 12px 40px;
	border: 1px solid #2150B1;
	background: #fff;
	font-size: 18px;
	color: #2150B1;
	margin-right: 15px;
	border-radius: 30px;
	overflow: hidden;
}
.pro_more a:hover{
	background-color: #2150B1;
	color: white;
}
.pro_head .product-text .more a i{
	margin-right: 0.04rem;
}
.swiper-button-prev.swiper-button-product-prev,.swiper-button-next.swiper-button-product-next {
    font-size: 0.24rem;
    width: 20px;
    height: 44px;
    color: #999;
}
.swiper-button-prev.swiper-button-product-prev {
    left: 5px;
}
.swiper-button-prev.swiper-button-product-prev::after,.swiper-button-next.swiper-button-product-next::after{
	font-size: 0.24rem;
}
.swiper-button-next.swiper-button-product-next {
    right: 5px;
}

.pro_tab{
	background-color: white;
}
.pro_tab.fixed {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 20;
}
.pro_tab .box1{
	display: none;
	justify-content: space-between;
	padding: 15px 0;
}
.pro_tab.fixed .box1 {
    display: flex;
}
.pro_tab .box1 .fl{
	width: 60%;
}
.pro_tab .box1 .fr{
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.pro_tab .box1 .fr .more{
	display: flex;
	align-items: center;
	margin-bottom: 0px;
}

.pro_tab .box2{
	display: flex;
	border: 1px solid #dddddd;
}
.pro_tab .box2 .item{
	font-size: 18px;
	color: #333;
	padding: 20px 15px;
	position: relative;
	display: flex;
	justify-content: center;
	text-align: center;
}
.pro_tab .box2 .item:after {
    content: "";
    width: 0px;
    height: 0.04rem;
    background: #2150B1;
    display: block;
    position: absolute;
    bottom: -0.02rem;
    z-index: 10;
    transition: all 0.3s;
}
.pro_tab .box2 .item.active:after {
    width: 125px;
}
.pro_tab .box2 .item a{}

.pro_con {
    padding: 30px 0 50px;
    border: 1px solid #ddd;
	border-top: none;
	margin-bottom: 0.3rem;
}
.pro_con .nr{}
.pro_con .nr h3{
	font-size: 0.32rem;
	font-weight: bold;
	color: #000;
	display: flex;
	align-items: center;
	margin: 0.35rem 0;
	position: relative;
}
.pro_con .nr h3:before {
    content: "";
    width: 0.04rem;
    height: 22px;
    background: #2150B1;
    margin-right: 0.4rem;
}
.pro_con .nr{
	padding: 0 0.2rem 0 0.44rem;
	font-size: 16px;
	line-height: 2;
	color: #333;
}

.pro_xg .swiper{
	padding-bottom: 0.4rem;
}
.hot-pro-title {
    color: #000;
    font-size: 36px;
    margin-bottom: 25px;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.hot-pro-title:before {
    content: "";
    width: 0.06rem;
    height: 25px;
    background: #2150B1;
    display: block;
    margin-right: 28px;
}
.table-wrapper table img{display: inline-block;}
.table-wrapper table th, .table-wrapper table td { padding: 5px !important; vertical-align: middle; font-size: 14px; border: 1px solid #dee2e6; text-align: center; }
.table-wrapper table.textleft th, .table-wrapper table.textleft td{ text-align: left;}
.table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; }
.table-wrapper table { display: table; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1500.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
/* 产品详情 e */

/* ====================新闻样式========================= */

/* 新闻列表 s */

/*news_list*/
.f7f9fd {
    background: #f7f9fd;
}
.newsd {
    padding-bottom: 1px;
}

.news_list {
    padding: 0;
}

.news_list a {
	float: left;
    width: 23%;
    margin-right: calc(8% / 3);
    margin-top: 40px;
    background: #ffffff;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    position: relative;
}

.news_list a:nth-child(4n) {
    margin-right: 0;
}

.news_list a:hover {
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .14);
}

.news_list a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    height: 4px;
    background: #2150B1;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
}

.news_list a:hover:after {
    width: 100%;
    left: 0%;
}

.news_list .lans {
    padding: 20px 30px;
    box-sizing: border-box;
}

.news_list .l1 {
    line-height: 1.5;
    font-size: 20px;
    color: #222222;
    -webkit-line-clamp: 2;
    height: 68px;
}

.news_list .l2 {
    font-size: 14px;
    line-height: 1.7;
    height: 72px;
    color: #666666;
    margin: 15px 0 25px 0;
}

.news_list .l3 {
    font-size: 14px;
    color: #666666;
    margin-top: 30px;
    font-family: arial;
}

.news_list a:hover .l1 {
    color: #2150B1;
}

.news1 {

    padding-top: 55px;

}

.news1 a {
    background-color: #ffffff;
    display: block;
}

.news1 .picture {
    width: 46%;
    height: 468px;
    background: url(../images/35d2cf437bd64c38be054dae2b9d2818.gif) center center no-repeat;
    background-size: cover;
    float: left;
}

.news1 .lans {
    width: 54%;
    box-sizing: border-box;
    padding: 6% 6% 0;
    float: left;
}

.news1 .time {
    font-size: 30px;
    color: #222222;
    line-height: 1;
    font-family: arial;
    font-weight: lighter;
}

.news1 .t1 {
    display: inline-block;
    vertical-align: bottom;
}

.news1 .t2 {
    display: inline-block;
    vertical-align: bottom;
    color: #666666;
    font-size: 16px;
    padding-top: 10px;
}

.news1 .title {
    font-size: 26px;
    color: #222222;
    line-height: 1.5;
    font-weight: bold;
    margin: 40px 0 20px;
}

.news1 .content {
    font-size: 14px;
    line-height: 30px;
    color: #999999;
}

.news1 .more {
    font-size: 14px;
    line-height: 30px;
    color: #999999;
    margin-top: 85px;
}


.news1 .more i {
    display: inline-block;
    vertical-align: middle;
    background: url('../images/ico_right.png');
    width: 20px;
    height: 20px;
    margin-left: 10px;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
}

.news1 a:hover .more i {
    animation: myfirst1 1s ease-out 0s infinite;
}

@keyframes myfirst1 {
    0% {
        margin-left: 6px;
        opacity: 1;
    }
    100% {
        margin-left: 14px;
        opacity: 0.05;
    }
}

@media screen and (max-width: 1500px) {
    .news1 .picture {
        height: 350px;
    }

    .news1 .lans {
        padding: 4% 4% 0;
    }

    .news1 .title {
        font-size: 22px;
        margin: 30px 0 15px;
    }

    .news1 .more {
        margin-top: 55px;
    }

    .news_list .l1 {
        line-height: 30px;
        font-size: 18px;
        height: 60px;
    }

    .news_list .lans {
        padding: 17px 25px;
    }

    .news_list {
        padding: 10px 0;
    }
}

@media screen and (max-width: 1199px) {
    .news_list {
        padding: 0;
    }

    .news_list a, .news_list a:nth-child(4n) {
        width: 32%;
        margin-right: calc(2% - 4px);
        margin-top: 30px;
    }

    .news_list a:nth-child(3n) {
        margin-right: 0;
    }

    .news_list .l1 {
    }

    .news_list .l2 {
        font-size: 13px;
        line-height: 22px;
        height: 66px;
        margin: 10px 0 20px 0;
    }

    .news_list .lans {
        padding: 15px 25px;
    }
}

@media screen and (max-width: 780px) {
    .news1 .picture {
        width: 100%;
        float: none;
        height: 300px;
    }

    .news1 .lans {
        width: 100%;
        float: none;
        padding: 25px 20px 20px;
    }

    .news1 .title {
        font-size: 17px;
        margin: 17px 0 8px;
    }

    .news1 .more {
        margin-top: 20px;
    }

    .news1 .time {
        font-size: 25px;
    }

    .news1 .t2 {
        font-size: 14px;
    }

    .news1 {
        padding-top: 15px;
    }

    .news_list {
        padding: 0;
    }

    .news_list a, .news_list a:nth-child(4n), .news_list a:nth-child(3n) {
        width: 48.5%;
        margin-right: calc(3% - 4px);
        margin-top: 20px;
    }

    .news_list a:nth-child(2n) {
        margin-right: 0;
    }

    .news_list .l1 {
        line-height: 25px;
        font-size: 16px;
        height: 50px;
    }

    .news_list .l2 {
        font-size: 12px;
        line-height: 20px;
        height: 60px;
        margin: 7px 0 15px 0;
    }

    .news_list .l3 {
        font-size: 13px;
        margin-top: 15px;
    }

    .news1 .content, .news1 .more {
        font-size: 12px;
        line-height: 2;
    }

    .news1 .more i {
        height: 24px
    }

    .news_list .lans {
        padding: 12px 20px 20px 20px;
    }
}

@media screen and (max-width: 600px) {
    .news_list a, .news_list a:nth-child(4n), .news_list a:nth-child(3n), .news_list a:nth-child(2n) {
        margin-right: 0;
        width: 100%;
    }

    .news1 .picture {
        height: 210px
    }
}
/* 新闻列表 e */

/* 新闻详情 s */
.neiye_banner .lans_news_d {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    width: 73%;
}

.news_details {
    position: relative;
    margin-top: 60px;
    z-index: 2;
    margin-bottom: 95px;
    max-width: 100%;
}

.news_details .left {
    width: calc(100% - 480px);
    float: left;
    background: #ffffff;
    padding: 50px 3%;
    box-sizing: border-box;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .07);
}

.lans_news_d .tit {
    font-size: 32px;
    line-height: 1.7;
    color: #000;
    font-weight: bold;
}

.news_details .right {
    width: 440px;
    float: right;
    padding: 30px 2.3% 0;
    box-sizing: border-box;
    background: #fff;
}

.news_details .right .title {
    font-size: 20px;
    padding-bottom: 10px;
    line-height: 3;
    font-weight: bold;
    border-bottom: 1px solid #eee;
}

.lans_news_d .mess {
    font-size: 14px;
    color: #000;
    margin: 17px 0 0 0;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    line-height: 2;
}

.lans_news_d .mess li {
    margin-right: 75px;
    float: left;
}

.news_details .editors {
    font-size: 16px;
    line-height: 2.2;
    color: #444444;
    width: 100%;
}

.news_details .right_list {
}

.right_list a {
    display: block;
    padding: 0 0 20px;
    width: 100%;
    border-top: 1px dashed #e5e5e5;
}

.right_list a:first-child {
    border-top: 0;
}

.right_list .picture {
    width: 100%;
}

.right_list .lans {
    width: 100%;
}

.right_list .t1 {
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    margin: 21px 0 15px;
}

.right_list .t2 {
    font-size: 14px;
    color: #999999;
}

.right .more {
    color: #666666;
    line-height: 2;
    cursor: pointer;
    text-align: center;
    padding-top: 20px;
}

.right .more img {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    margin-bottom: -18px;
}

.i_ico {
    display: inline-block;
}

.i_ico a {
    margin: 0 3px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    display: none;
    transition: 0.5s;
}

.i_ico.on a {
    display: inline-block;
}

.i_ico a:nth-child(1), .i_ico a:nth-child(2), .i_ico a:nth-child(3), .i_ico a:last-child {
    display: inline-block;
}

.i_ico a:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

.new_pagetion {
    border-top: 1px solid #eeeeee;
    margin-top: 60px;
    padding-top: 30px;
}

.new_pagetion .left1 {
    width: calc(100% - 250px);
    float: left;
}

.new_pagetion .left1 a {
    font-size: 16px;
    line-height: 40px;
    color: #222222;
    display: block;
    margin-bottom: 5px;
}

.new_pagetion .left1 a:hover {
    color: #2150B1;
}

.new_pagetion .list {
    line-height: 50px;
    /* background: #eeeeee; */
    color: #222;
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
    float: right;
}

.new_pagetion .list .more_btns {
    margin: 0;
    border: 1px solid #ddd;
    color: #222;
    background: #fff
}

.return.more_btns::after {
    color: #Fff;
    font-weight: normal;
}

.return.more_btns:hover {
    background: #2150B1;
    border-color: #2150B1;
}

.neiye_nav_news {
    background: transparent;
    border: 0;
    margin-top: 30px;
}

.neiye_nav_news.neiye_nav .right {
    float: none;
    text-align: left;
}

.neiye_banner .crumbs {
    text-align: right;
    font-size: 14px;
    line-height: 60px;
    color: #999999;
}

.neiye_banner .crumbs a {
    color: #999999;
}

.neiye_banner .crumbs span {
    color: #FFffff;
}

@media screen and (max-width: 1600px) {
    .lans_news_d .tit {
        font-size: 28px
    }

    .news_details .right {
        width: 320px;
    }

    .right_list .picture {
        /* width: 120px; */
    }

    .right_list .lans {
        /* width: 180px; */
        /* float: right; */
    }

    .right_list .t1 {
        font-size: 15px;
        line-height: 22px;
        margin: 5px 0 15px 0;
    }

    .news_details .left {
        width: calc(100% - 360px);
    }

    .news_details .left .title {
        font-size: 28px;
    }

    .news_details .mess {
        font-size: 13px;
        margin: 20px 0 15px 0;
        padding-bottom: 20px;
    }

    .news_details .editors {
        font-size: 15px;
        line-height: 28px;
    }
}

@media screen and (max-width: 1199px) {
    .news_details .left {
        width: 100%;
        float: left;
        background: #ffffff;
        padding: 35px 5%;
        box-sizing: border-box;
    }

    .news_details .right .title {
        line-height: 2;
        padding-top: 10px;
        font-size: 18px;
    }

    .right_list .picture {
        width: 100%;
        margin: 20px 0 0;
    }

    .right_list .lans {
        width: 100%;
        padding-top: 20px;
    }

    .lans_news_d .tit {
        font-size: 24px;
        color: #333;
    }

    .news_details .mess {
        color: #333;
        border-bottom: 1px solid #eee
    }

    .news_details .right {
        /* display: none; */
        width: 100%;
        margin-top: 20px;
        padding: 0 10px;
    }

    .news_details .editors {
        font-size: 13px;
        line-height: 1.85;
    }

    .new_pagetion .left1 {
        width: 100%;
        float: none;
    }

    .new_pagetion .list {
        float: none;
        width: 100%;
        line-height: 40px;
        height: 40px;
        font-size: 14px;
        margin: 20px auto 0 auto;
    }

    .new_pagetion .list img {
        width: 14px;
    }

    .news_details .left .title {
        font-size: 24px;
    }

    .new_pagetion .left1 a {
        font-size: 14px;
        line-height: 27px;
    }

    .new_pagetion {
        margin-top: 30px;
        padding-top: 20px;
    }

    .news_details {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .neiye_nav_news {
        margin-bottom: 0;
        margin-top: 10px;
    }
}

@media screen and (max-width: 700px) {

    .lans_news_d .tit {
        font-size: 20px;
    }

    .news_details .left {
        padding: 25px 5%;
    }

    .news_details .title {
        font-size: 24px;
        line-height: 1.8;
    }

    .tuijian {
        padding: 30px 0 15px 0;
        line-height: 2;
    }

    .news_details .mess li {
        margin-right: 30px;
        line-height: 2;
    }

    .news_details .left .title {
        font-size: 18px;
    }

    .new_pagetion .left1 a {
        font-size: 12px;
        line-height: 22px;
    }

    .news_details {
        margin-top: 10px;
    }
}
/* 新闻详情 e */

/* ====================应用样式========================= */
.hang_sum5_list{
	overflow: hidden;
}
.hang_sum5_list li{
	float: left;
	width: 32%;
	margin-right: 2%;
}
.hang_sum5_list li:nth-child(3n){
	margin-right: 0%;
}

.hang_sum5_list a {
    background: #f7f9fb;
    display: block;
    margin: 30px 5px ;
    position: relative;
}

.hang_sum5_list a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 4px;
    width: 0;
    background: #005ff6;
    transition: all .4s;
    -webkit-transition: all .4s;
}

.hang_sum5_list a:hover:after {
    content: '';
    left: 0;
    width: 100%;
}

.hang_sum5_list .lans {
    padding: 40px;
    box-sizing: border-box;
    text-align: center;
}

.hang_sum5_list .l1 {
    font-size: 26px;
    font-weight: bold;
    color: #222222;
}

.hang_sum5_list a:hover {
    background: #FFFFFF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.hang_sum5_list a:hover .l1 {
    color: #005ff6;
}

.hang_sum5_list .l2 {
    margin-top: 26px;
    font-size: 16px;
    -webkit-line-clamp: 3;
    line-height: 1.5;
    color: #666666;
}

/* ====================服务样式========================= */

/* 下载中心 s */
.down_list{
	font-size: 0;
	padding: 0.5rem 0 0;
}
.down_list .item{
    width: calc(50% - 20px);
    display: inline-block;
    background: #FFFFFF;
    margin-top: 30px;
    vertical-align: top;
    box-sizing: border-box;
    padding: 35px;
    border-radius: 5px;
}
.down_list a:nth-child(even){
    margin-left: 36px;
}
.down_list .item .lans{
    width: calc(100% - 110px);
    float: left;
    box-sizing: border-box;
    padding: 0 20px;
}
.down_list .l1{
    font-size: 20px;
	line-height: 1.3;
    color: #333333;
}
.down_list a:hover .l1{
    color: #2150B1;
}
.down_list .l2{
    margin-top: 6px;
    font-size: 16px;
    color: #999999;
}
.down_list .icon_big_down{
    background: url("../images/icon_down11.png") no-repeat;
    background-size: 100%;
    width: 55px;
    height: 55px;
    float: left;
}
.down_list a:hover .icon_big_down{
    background-image: url("../images/icon_down11_on.png");
}
.down_list .icon_small_down{
    background: url("../images/icon_down22.png") center center no-repeat;
    background-size:55% auto;
    width: 55px;
    height: 55px;
    float: left;
}
.down_list a:hover .icon_small_down{
    background-image: url("../images/icon_down22_on.png");
}
/* 下载中心 e */


/* ====================联系样式========================= */

/* 联系我们 s */
.contact_sum {}

.contact_sum .contact1 {
    padding: 140px 0 85px;
	overflow: hidden;
	
}

.contact1 .left {
    float: left;
    width: 45%;
}

.contact1 .l1 {
    font-family: Arial;
    font-weight: bold;
    color: #2150B1;
    font-size: 56px;
	line-height: 1.3;
}

.contact1 .l2 {
    font-size: 34px;
    color: #222222;

}

.contact1 .l3 {
    font-size: 18px;
    color: #666666;
    padding: 60px 0;
}

.contact1 .l4 {
    line-height: 1.8;
}

.contact1 .l4 li {
    /*width: calc(50% - 3px);*/
    width: 100%;
    padding: 5px 5% 5px 0;
    display: inline-block;
    box-sizing: border-box;
}

.contact1 .l4 li:last-child {
    width: 100%;
}

.contact1 .t1 {
    font-size: 18px;
    color: #666666;
}

.contact1 .t2 {
    font-size: 20px;
    color: #222222;
}

.contact1 .right {
    width: 52.5%;
    float: right;
	height: 500px;
}
.contact1 .right  img{
	max-width: none;
	max-height: none;
}

.contact2 {

}

.address_list li {
	float: left;
    width: 31%;
    box-sizing: border-box;
    background-color: #f5f5f5;
    padding: 45px 2%;
    position: relative;
    margin-bottom: 45px;
}

.address_list li:nth-child(3n -1) {
    margin: 0 calc(3.5% - 4px);
}

.address_list li:after {
    content: '';
    width: 58%;
    padding-top: 16%;
    position: absolute;
    bottom: 5%;
    right: 5%;
    background: url("../images/ico_logo_white.png") no-repeat;
    transition: all .4s;
    -webkit-transition: all .4s;
    background-size: 100%;
    opacity: 0;
}

.address_list li:hover:after {
    bottom: 6%;
    right: 7%;
}

.address_list .n1 {
    background: url("../images/icon_loc.png") center left no-repeat;
    padding-left: 35px;
    font-size: 20px;
    font-weight: bold;
    color: #000022;
    background-size: auto 100%;
}

.address_list .n2 {
    font-size: 18px;
    line-height: 26px;
    color: #999999;
    min-height: 52px;
    margin-top: 15px;
    position: relative;
    z-index: 2;
}

.jm11_form .textarea {
    width: 100%;
    resize: none;
    height: 150px;
    padding: 20px 25px;
    box-sizing: border-box;
    font-size: 16px;
    border: 0;
    background: #f8f8f8;
}

.help1_form .box {
    border-radius: 13px;
    padding: 0 50px;
    box-shadow: 0 0 23px 0 rgba(0, 0, 0, .1);
    box-sizing: border-box;
    margin-top: -280px;
    position: relative;
    background-color: #ffffff;
    max-width: 1250px;
}

.help1_form .jm11_form {
    padding-top: 25px;
}

.contact3 .title2 {
    padding: 30px 0;
    border-bottom: 1px solid #e8e8e8;
    font-size: 28px;
    color: #0087d5;
    font-weight: bold;
}

.jm11_form .sub {
    width: 200px;
    height: 60px;
    line-height: 60px;
    border: 0;
    color: #ffffff;
    margin: 0 20px;
    font-size: 18px;
    transition: all .5s;
    background: transparent;
	cursor: pointer;
}

.jm11_form .sub:hover {
    background-color: #2641dc;
}

.jm11_form .sub1 {
    background: #2150B1;
    border: 0;
}

.jm11_form .sub2:hover {
    color: #0092e6;

}

.neiye_title {
    font-size: 38px;
    color: #333334;
    text-align: center;
    text-transform: uppercase;
    padding: 65px 0 30px;
    font-weight: bold;
}

.title_h4 {
    font-size: 16px;
    color: #666666;
    text-align: center;
}

.jm11_form .place {
    color: #444444;
    font-size: 18px;
    margin: 10px 0;
}

.contact3 .text {
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 15px 24px;
    box-sizing: border-box;
    border: 0;
    font-size: 16px;
    background: #fff;
    color: #222;
}

.jm11_form {
    font-size: 16px;
    background-color: #f5f5f5;
    padding: 5% 7%;
    margin: 50px 0 100px;
}

.jm11_form li {
    position: relative;
    width: calc(33% - 34px);
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
}

.jm11_form .login-right-yzmtp{
    position:absolute;
    right: 10px;
    bottom: 7.5px;
}
.jm11_form .login-right-yzmtp img{
    height:100%;
}
.jm11_form li:nth-child(2) {
    margin-left: 50px;
    margin-right: 50px;
}

.contact3 .jm11_form .t2 {
    position: relative;
    margin-bottom: 20px;
}

.contact3 .jm11_form .t3 {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 40px;
}

.jm11_form .textarea {
    width: 100%;
    resize: none;
    height: 150px;
    padding: 20px 25px;
    box-sizing: border-box;
    font-size: 16px;
    border: 0;
    background: #fff;
}

@media screen and (max-width: 1600px) {
    .contact_sum .contact1 {
        padding: 100px 0 125px;
    }

    .contact1 .l3 {
        font-size: 16px;
        padding: 40px 0;
    }

    .contact1 .t1, .jm11_form .place {
        font-size: 16px;
    }

    .contact1 .t2 {
        font-size: 18px;
    }

    .contact1 .l1 {
        font-size: 44px;
    }

    .contact1 .l2, .neiye_title {
        font-size: 30px;
    }

    .jm11_form {
        font-size: 14px;
        padding: 4% 5%;
        margin: 30px 0 60px;
    }

    .title_h4 {
        font-size: 14px;
    }

    .contact3 .text {
        height: 50px;
        line-height: 50px;
        padding: 10px 15px;
        font-size: 14px;
    }

    .neiye_title {
        padding: 45px 0 15px;
    }

    .address_list .n1 {
        font-size: 18px;
    }

    .address_list .n2 {
        font-size: 16px;
        line-height: 22px;
        min-height: 44px;
        margin-top: 12px;
        margin-bottom: 30px;
    }

    .jm11_form .textarea {
        font-size: 14px;
    }

    .jm11_form .sub {
        width: 150px;
        height: 50px;
        line-height: 50px;
        border: 0;
        color: #ffffff;
        font-size: 16px;
    }
}

@media screen and (max-width: 1440px) {
    .contact1 .l3 {
        padding: 25px 0;
    }

    .contact_sum .contact1 {
        padding: 80px 0 100px;
    }
}

@media screen and (max-width: 1199px) {
    .contact_sum .contact1 {
        padding: 60px 0 80px;
    }

    .contact1 .left,
    .contact1 .right {
        width: 100%;
        float: none;
    }
	.contact1 .right{
		height: 360px;
	}

    .address_list li {
        padding: 25px 1.5%;
        margin-bottom: 25px;
    }

    .address_list .n2 {
        font-size: 15px;
        line-height: 20px;
        min-height: 60px;
    }

    .address_list li, .address_list li:nth-child(3n -1) {
        margin: 0 0 20px 0;
        width: calc(49% - 2px);
    }

    .address_list li:nth-child(2n) {
        margin-left: 2%;
    }

    .contact1 .t1, .jm11_form .place {
        font-size: 14px;
    }

    .jm11_form li:nth-child(2) {
        margin-left: 30px;
        margin-right: 30px;
    }

    .jm11_form li {
        width: calc(33% - 23px);
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 980px) {
    .title_h4 {
        font-size: 12px;
    }

    .contact1 .l4 li {
        width: 100%;
        margin: 0;
        padding: 5px 3% 15px 0;
    }

    .contact1 .t2, .address_list .n1 {
        font-size: 16px;
    }

    .contact1 .l1 {
        font-size: 32px;
    }

    .contact1 .l2, .neiye_title {
        font-size: 24px;
    }

    .address_list .n2 {
        min-height: auto;
        font-size: 14px;
        margin: 8px 0 20px;
    }

    .contact_sum .contact1 {
        padding: 40px 0 50px
    }

    .jm11_form li:nth-child(2), .jm11_form li {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .contact1 .t1, .jm11_form .place {
        font-size: 13px;
    }

    .contact3 .text {
        height: 40px;
        line-height: 40px;
        padding: 10px 15px;
        font-size: 13px;
    }
	
	.jm11_form .login-right-yzmtp{
		bottom: 5px;
		right: 5px;
	}
	.jm11_form .login-right-yzmtp img{
		height: 30px;
	}

    .jm11_form .textarea {
        font-size: 13px;
        padding: 14px 15px;
    }

    .contact3 .jm11_form .t3 {

        margin: 20px 0 10px 0;
    }

    .jm11_form .sub {
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
}


@media screen and (max-width: 770px) {

    .address_list li:nth-child(2n),
    .address_list li, .address_list li:nth-child(3n -1) {
        width: 100%;
        margin: 0 0 20px;
        padding: 20px;
    }

    .contact1 .t2, .address_list .n1 {
        font-size: 15px;
    }

    .contact1 .l1 {
        font-size: 28px;
    }

    .contact1 .l2, .neiye_title {
        font-size: 20px;
        padding: 10px 0;
    }

    .jm11_form {
        margin: 20px 0 60px;
    }

    .address_list li:nth-child(2n), .address_list li, .address_list li:nth-child(3n -1) {
        margin-bottom: 10px
    }
}
/* 联系我们 e */



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
	.Header-container .c-nav>li{
		margin-right: 0.4rem;
	}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.pc{display: none;}
	.mb{display: block;}
	
	.md-sideBar{
		display: none !important;
	}
	
	.Footer-container .mid ul li{
		width: 100%;
		border-bottom: 1px solid rgb(255, 255, 255, .8);
		margin-bottom: 0;
	}
	.Footer-container .mid ul li.lxwm{
		border: none;
	}
	.Footer-container .mid ul li p {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 16px;
		padding: 0.3rem 0;
		margin-bottom: 0;
	}
	.Footer-container .mid ul li p i{
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	.Footer-container .mid ul li p.on i {
	    transform: rotate(180deg);
	}
	.Footer-container .mid ul li .foot_nav_link{
		display: none;
		padding-bottom: 0.25rem;
	}
	.Footer-container .mid ul li .foot_nav_link a {
		line-height: 1.5;
		margin-bottom: 0.15rem;
	}
	.crumbs{
		width: 100%;
		flex-wrap: wrap;
	}
	.crumbs a{
		font-size: 14px;
		line-height: 1.5;
	}
	.n_ban{
		height: 60px;
	}
	.sort_nav{
		padding: 0.2rem 0;
	}
	.sort_nav .w16{
		min-height: auto;
	}
	.sort_nav_view{
		width: 100%;
		margin-top: 0.1rem;
		display: none;
	}
	.sort_nav_view ul li{
		margin-right: 0.15rem;
	}
	.sort_nav_view ul li a{
		font-size: 14px;
		line-height: 2.5;
		padding: 0;
	}
	
	.n_pronav ul li{
		width: 100%;
		margin-right: 0;
		border-radius: 0.2rem;
		margin-bottom: 4%;
	}
	.n_pronav ul li .info .tit{
		font-size: 0.32rem;
	}
	.n_pronav ul li .info .more{
		width: 130px;
		font-size: 14px;
		line-height: 28px;
	}
	
	.n_about{
		padding: 0.8rem 0;
	}
	.n_about .left,.n_about .right{
		width: 100%;
		padding-top: 0;
	}
	.about_lans .l1{
		font-size: 0.48rem;
		padding-bottom: 0.3rem;
	}
	.about_lans .l2{
		font-size: 14px;
	}
	.n_about .right ul li,.n_about .right ul li:nth-child(3n){
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.n_about .right ul li:nth-child(2n){
		margin-right: 0;
	}
	.n_about .right ul li:last-child{
		margin-right: 0;
		width: 100%;
	}
	
	.hang_sum5_list li{
		width: 100%;
		margin-right: 0;
	}
	.hang_sum5_list .lans{
		padding: 30px 20px;
	}
	.hang_sum5_list .l1{
		font-size: 22px;
	}
	.hang_sum5_list .l2{
		font-size: 14px;
		line-height: 1.75;
		margin-top: 0.25rem;
	}
	
	.down_list .item{
		width: 100%;
		margin-left: 0 !important;
		padding: 20px;
	}
	.down_list .l1{
		font-size: 18px;
	}
	.down_list .l2{
		font-size: 14px;
		margin-top: 8px;
	}
	.pagesize{
		padding: 30px 0;
	}
	.pagesize a,.pagesize span{
		width: 36px;
		height: 36px;
		line-height: 36px;
		margin: 3px;
	}
	
	.no_page{
		font-size: 14px;
	}
	
	.n_prolist ul li,.n_prolist ul li:nth-child(5n){
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.n_prolist ul li:nth-child(2n){
		margin-right: 0;
	}
	.n_prolist ul li .info{
		padding: 10px 15px;
	}
	.n_prolist ul li .info:before{
		top: 14px;
	}
	
	.pro_head .fl,.pro_head .fr{
		width: 100%;
	}
	.pro_head .fr{
		margin-top: 0.3rem;
	}
	.pro_tab .box2{
		flex-wrap: wrap;
	}
	.pro_tab .box2 .item.active:after{
		width: 100%;
	}
	.pro_tab .box2 .item{
		font-size: 16px;
		padding: 12px 9px;
	}
	.pro_tab.fixed{
		top: 60px;
	}
	.pro_tab.fixed .box1{
		display: none;
	}
	.pro_con .nr{
		padding: 0.2rem;
		font-size: 14px;
		line-height: 1.8;
	}
	.hot-pro-title{
		font-size: 24px;
	}
	.hot-pro-title:before{
		margin-right: 0.4rem;
	}
	.pro_xg.n_prolist ul li, .pro_xg.n_prolist ul li:nth-child(5n){
		float: none;
		margin-right: 0;
		margin-bottom: 0;
		border: none;
	}
	.pro_xg.n_prolist ul li a{
		border: 1px solid #ddd;
	}
	.pro_xg .swiper{
		padding-bottom: 0.6rem;
	}
}

@media all and (max-width:768px) {
	.tc_search form{
		width: 92%;
		max-width: 92%;
		padding: 0 0.2rem;
		margin-bottom: 1px;
		height: 0.8rem;
		border-width: 1px;
	}
	.tc_search input{
		font-size: 0.3rem;
		height: 0.8rem;
		}
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	.pro_tit h3{
		font-size: 24px;
	}
	.pro_tit h3:before{
		width: 4px;
		height: 24px;
	}
	.pro_head .product-text .des,.pro_tab .box2 .item{
		font-size: 14px;
	}
}

@media all and (max-width:480px) {
	
}

@media all and (max-width:420px) {
	
}

@media all and (max-width:376px) {
	
}